<template>
  <el-pagination
    :background="background"
    :current-page="currentPage"
    v-bind="$attrs"
    :default-current-page="defaultCurrentPage"
    :default-page-size="defaultPageSize"
    :disabled="disabled"
    :hide-on-single-page="hideOnSinglePage"
    :layout="layout"
    :next-icon="nextIcon"
    :next-text="nextText"
    :page-count="pageCount"
    :page-size="pageSize"
    :page-sizes="pageSizes"
    :pager-count="pagerCount"
    :popper-class="popperClass"
    :prev-icon="prevIcon"
    :prev-text="prevText"
    :teleported="teleported"
    :size="size"
    :total="total"
  />
</template>

<script lang="ts" setup>
import { ElPagination, PaginationProps } from 'element-plus'

defineOptions({
  name: 'VipPagination'
})

interface Props extends Partial<PaginationProps> {
  background?: boolean
  layout?: string
  // size?: string;
}

withDefaults(defineProps<Props>(), {
  background: true,
  layout: 'total, sizes, prev, pager, next, jumper',
  size: 'small',
  pageSizes: () => [10, 20, 50]
})
</script>
